<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>XMLHttpRequest</title>
  <script>
    window.onload = function(){

      var o = document.getElementById("btn");
      o.onclick = function(){
        // 1.创建对象...
        var xhr = new XMLHttpRequest();
        //alert(xhr.readyState); // 0;
        // 2.连接
        xhr.open('GET','data/1.txt',true);
        //alert(xhr.readyState); // 1;
        // 3.发送
        xhr.send();
        //alert(xhr.readyState); // 2;
        // 4.接受
        xhr.onreadystatechange = function(){
          //alert(xhr.readyState); // 3－头接受完; 4-body接受完
          if(xhr.readyState == 4){
            if((xhr.status >=200 && xhr.status < 300 ) || xhr.status == 304){
              alert('成功');
            }
          }
        };
      };
    };
  </script>
</head>
<body>
  <input type="button" value="按钮" id="btn">
</body>
</html>